<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</body>
<script>

    const spans = document.querySelectorAll("span");

    // const arr = Array.from(spans)

    // console.log(spans);
    // console.log(arr);

    // const arr = [1,2,3,4];
    // const arr2 = Array.from(arr);

    // console.log(arr);
    // console.log(arr2);
    // console.log(arr === arr2);


    // ============


    // console.log(Array.isArray(spans))
    // console.log(Array.isArray([]))
    // console.log(Array.isArray({}))
    

    // ==========

    const arr1 = Array.of(5);
    const arr2 = [5];
    const arr3 = new Array(5);

    console.log(arr1)
    console.log(arr2)
    console.log(arr3)

    console.log(arr3 === arr2)
    console.log(arr3 === arr1)
    console.log(arr2 === arr1)





</script>
</html>